<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
				<meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<style type="text/css">
		html,body{
			width: 100%;
				height: 100%;
		}
			.swiper-container{
				width: 100%;
				height: 100%;
			}
			.swiper-slide img{
				height: 100%;
				width: 100%;
			}
		</style>
	</head>
	<body>
	<div class="swiper-container ">
    <div class="swiper-wrapper">
        <div class="swiper-slide one-ye"><img src="img/欢迎界面1.png"/></div>
        <div class="swiper-slide two-ye"><img src="img/欢迎界面1.png"/></div>
         <div class="swiper-slide three-ye"><img src="img/欢迎界面2.png"/></div>
 
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination one"></div>
    
    <!-- 如果需要导航按钮 -->
    
    </div>
</div>
		<script src="js/jquery-1.11.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			 var mySwiper = new Swiper ('.swiper-container', {
  
   
   
    /*loop: true,
     * 
*/ 
autoplay : 1000,
autoplayStopOnLast:false,
    // 如果需要分页器
    pagination: '.swiper-pagination',
    allowSwipeToPrev : false,
    
    // 如果需要前进后退按钮
  /*  nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    
    // 如果需要滚动条
    scrollbar: '.swiper-scrollbar',*/
   
    
  })      
  $('.three-ye').click(function(){
  		location.href='shouye.html'
  })
 
  
		</script>
	</body>
</html>
